<template>
    <div class="register">
        <form id="login-form" method="post">
            <dl class="list">
                <dd class="dd-padding">
                    <ol class="crumbs">
                        <li class="active">输入手机号</li>
                        <li>输入验证码</li>
                        <li>设置密码</li>
                    </ol>
                </dd>
            </dl>
        </form>
        <router-view/>
    </div>
</template>

<script>
    export default {

    }
</script>

<style scoped lang="scss">
    .register {
        position: fixed;
        top: 55px;
        width: 100%;
        padding: 0 0.24rem;
        #login-form {
            dd {
                margin: 0;
                overflow: hidden;
                font-weight: 400;
                position: relative;
                border-bottom: 1px solid #d6d6d6;
            }
            .dd-padding {
                padding: .28rem .2rem;
                .crumbs {
                    list-style: none;
                    padding-left: 0;
                    text-align: center;
                    margin: 0;
                    li {
                        display: inline-block;
                        text-align: center;
                    }
                    li + li {
                        margin-left: .6rem;
                        position: relative;
                    }
                    li + li:before {
                        content: ">";
                        display: block;
                        position: absolute;
                        left: -.4rem;
                        font-weight: bolder;
                        color: #aaa;
                    }
                    .active {
                        color: #df2d2d;
                    }
                }
            }
        }
    }
</style>